﻿<div ng-show="!taskDetail.viewOther.onViewDetail">
    <form class="smart-form" name="userlistform" novalidate>
        <header>Search user</header>
        <fieldset>
            <div class="row">
                <section class="col col-xs-6 col-md-4">
                    <label class="label">Name</label>
                    <label class="input">
                        <input type="text" name="namfilter" ng-model="taskDetail.viewOther.filter.name" placeholder="Type name...">
                    </label>
                </section>
            </div>

            <div class="jarviswidget jarviswidget-color-blueDark" style="margin-bottom: 0">
                <header style="color:#fff; padding:0; margin:0;">
                    <div style="float: right; height: 32px;">
                        <indicator class="fa-2x" style="color: #fff; margin: 0 10px 0 0;" show="taskDetail.viewOther.onLoadingUser"></indicator>
                    </div>
                    <span class="widget-icon"><i class="fa fa-table"></i></span>
                    <h2>User(s) </h2>
                </header>
            </div>
            <div>
                <div class="widget-body">
                    <table id="datatable_fixed_column" class="table table-striped table-bordered smart-form userfollowing" ng-table="taskDetailUserTable">
                        <tr ng-class-odd="odd" ng-class-even="even" ng-repeat="fl in $data" ng-click="taskDetail.viewUserHoliday(fl)" class="following-tr">
                            <td data-title="'Username'">{{fl.userName}}</td>
                            <td data-title="'Firstname'">{{fl.firstName}}</td>
                            <td data-title="'Lastname'">{{fl.lastName}}</td>
                            <td data-title="'Email'">{{fl.email}}</td>
                        </tr>
                    </table>

                </div>
            </div>
        </fieldset>
    </form>
</div>
<div ng-show="taskDetail.viewOther.onViewDetail">
    <div class="backtouserlist" style="margin: 25px 0 0 16px;">
        <button class="btn btn-default" type="button" ng-click="taskDetail.backToList()" style="padding:6px 12px;"><i class="fa fa-chevron-left"></i> Back</button></div>
    <form class="smart-form" name="userholidayotherform" novalidate>
        <header><strong>{{taskDetail.viewOther.selectedUser}} holiday(s)</strong></header>
        <fieldset>
            <div class="row">
                <section class="col col-xs-12">
                    <div id="other-holiday-calendar"></div>
                </section>
            </div>
        </fieldset>
    </form>
</div>

